<span class="dg-column" [style]="getColumnStyle(colOption)">

    <span *ngIf="!colOption.badgeOption">

        <span *ngIf="!colOption.click" class="dg-column-text">
            {{ getColunmText(colOption) }}
        </span>

        <span *ngIf="colOption.click" class="dg-column-text">
            <a (click)="colOption.click(item)">{{getColunmText(colOption)}}</a>
        </span>
        
        <p *ngIf="colOption.tagOptin" class="tagOption">
            <span *ngFor="let item of colOption.tagOptin;let itemIndex=index">
                <nz-tag *ngIf="getTagText(item)" [nzColor]="getTagColor(item)">{{ getTagText(item) }}</nz-tag>
            </span>
        </p>

        <p *ngIf="colOption.subOption" class="subText">
            {{ getSubText(colOption.subOption) }}
        </p>
        
    </span>

    <span *ngIf="colOption.badgeOption">

        <nz-badge [nzColor]="getBadgeColor(colOption)" [nzText]="getBadgeText(colOption)"></nz-badge>
        
    </span>

</span>